<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style=
       "width: 400px;
        height: 400px; 
        border: black 2px dashed;
        background-image: url(img/b_1.webp);
        background-repeat:no-repeat;">
     </div>
     <div style=
        "width: 400px;
         height: 400px;
         background-image:linear-gradient(30deg,#d82f2f 10%,#681170 10%,#a54380 40%)
        ">
     </div>
     <div style="
          width: 400px;
          height: 400px;
          background-image: radial-gradient(
              at center center,#a35f5f 5%,#db35a4 5%);
          
          ">

     </div>

</body>
</html>